.chat-item{
  background: rgba(0,0,0,0.30);
  border-radius: 28rpx;
  padding:4rpx 14rpx;
  font-size: 28rpx;
  color: #fff;
  font-weight: 600;
  margin:0 0 14rpx 0;
  display: flex;
  flex-direction: row;
  overflow: hidden;
  max-width: 100%;
  box-sizing: border-box;
}

.user-tag{
  padding: 0 4rpx;
  height: 24rpx;
  line-height: 24rpx;
  background: #2979FF;
  border-radius: 6rpx; 
  font-size: 16rpx;
  color: #fff;
  margin: 5rpx 8rpx 0 0;
}
.username{
   line-height: 32rpx;
   margin: 0rpx 0 0;
   color:#6CDEFF;
   max-width: 140rpx;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
}
.rich-text{
  word-break: break-all;
  word-wrap: break-word;
  margin: 0rpx 0 0;
  line-height: 1.4;
  font-size: 28rpx;
}

.role-admin {
  background: linear-gradient(316deg, #f45300, #ff9f5a 88%);
}

.role-guest,
.role-teacher {
  background: #2194ff;
}


.msg-pic{
  width: 100rpx;
  height: 100rpx;
  border-radius: 10rpx;
}
.msg-video{
  width: 200rpx;
  height: 200rpx;
  object-fit: contain;
}

.msg-audio{
  width: 28rpx;
  height: 28rpx;
  >image{
    width: 100%;
    height: 100%;
    
  }
}
.msg-money-pic {
  width: 36rpx;
  height: 33rpx;
  margin: 0 10rpx 0 0;
}
// .chat-list {
//   display: flex;
//   flex-direction: column;
//   .item-cell {
//     background-color: rgba(0, 0, 0, 0.3);
//     display: flex;
//   }

//   .username-maxw {
//     max-width: 50px;
//   }

//   .user-tag {
//     display: inline-flex;
//     justify-content: center;
//     align-items: center;
//     font-size: 10px;
//     padding: 0 2px;
//     height: 12px;
//     line-height: 12px;
//     margin: 0 2.5px 0 0;
//     border-radius: 3px;
//     color: #fff;

//     // &.role-teacher{
//     //   background: linear-gradient(270deg,#3a86fd, #43befe);
//     // }
//     &.role-admin {
//       background: linear-gradient(316deg, #f45300, #ff9f5a 88%);
//     }

//     &.role-guest,
//     &.role-teacher {
//       background: #2194ff;
//     }
//   }

//   // .user-tag-img{
//   //   display: inline-flex;
//   //   vertical-align: middle;
//   //   margin:0 3px 0 0;
//   //   height: 12px;
//   //   &.tag-2{
//   //     width:24px
//   //   }
//   //   &.tag-4{
//   //     width: 30px;
//   //   }
//   // }

//   .img-1 {
//     width: 60px;
//     height: 60px;
//     border-radius: 5px;
//     object-fit: contain;
//   }

//   .img-2 {
//     width: 20px;
//     height: 20px;
//     border-radius: 5px;
//     object-fit: contain;
//   }

//   &.chat-mine {
//     color: #fff;
//   }

//   .username,
//   .minename {
//     color: #6CDEFF;
//   }

//   .qaname {
//     color: #00DEFF;
//   }

//   .item-dh {
//     color: #fbb449;
//   }

//   .item-pro {
//     color: #00DEFF;
//   }

//   .item-rescind {
//     color: #fff;
//   }
// }

// .cell-qa {
//   .tag-q {
//     padding: 0 2.5px;
//     height: 10px;
//     line-height: 10px;
//     text-align: center;
//     margin: 3px 2.5px 0 0;
//     color: #fff;
//     background: linear-gradient(90deg, rgba(255, 146, 50, 1), rgba(255, 123, 5, 1), rgba(255, 145, 48, 1), rgba(255, 123, 5, 1));
//     border-radius: 0px 3px 6px 0px;
//     font-size: 10px;
//   }

//   .replay {
//     border-bottom: 1px dashed #ffff;
//     color: #fff;
//     padding: 5px 0 10px;
//   }
//   .ask{
//     padding: 5px 0;
//   }

//   .tag-a {
//     padding: 0 2.5px;
//     height: 15px;
//     line-height: 15px;
//     text-align: center;
//     display: inline-block;
//     margin: 0 5px 0 0;
//     color: #fff;
//     background: #3ECD6B;
//     border-radius: 0 3px 6px 0;
//     font-size: 10px;
//   }
// }

// .chat-default {
//   color: #fff;

//   .username {
//     color: #00DEFF;
//   }
// }

.ask-pic {
  width: 30rpx;
  height: 30rpx;
  background: url("https://ck-bkt-knowledge-payment.oss-cn-hangzhou.aliyuncs.com/admin/material/21_material_admin/image/assets/images/qa_ask_pic.png") no-repeat top center;
  background-size: 100% 100%;
}
.qa-answer_ask {
  border-bottom: 1px dashed #f0f0f0;
}

.ask-img {
  width: 100%;
  height: 180rpx;
  border-radius: 10rpx;
}

.qa-answer_ask {
  border-bottom: 1px dashed #f0f0f0;
}

.qa-answer_img {
  width: 100%;
  height: 60rpx;
}

.txt-fbb449{
  color: #fbb449;
}
  